body
{
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #fff;
    line-height: 18px;
}
A:link
{
    color: #000000;
    text-decoration: underline;
}
A:visited
{
    color: #000000;
    text-decoration: underline;
}
A:hover
{
    color: #1f79c6;
    text-decoration: none;
}
A:active
{
    color: #1f79c6;
    text-decoration: none;
}
form
{
    margin: 0;
    padding: 0;
    border: 0;
    background-color: white;
}
INPUT.textbox
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif !important;
    font-size: 14px;
    color: #000000;
    width: 97%;
    /*height: 26px;*/
    padding: 2px;
}

INPUT.textarea
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif !important;
    font-size: 14px;
    color: #000000;
    padding: 2px;
    width:97%;
}



/*input[type="text"]:disabled, input[type="select"]:disabled, input[type="textarea"]:disabled
{
    background-color: lightyellow !important;
}*/

DIV#framecontentTop, #framecontentBottom
{
    position: relative;
    width: 100%;
    height: 68px;
    overflow: hidden;
    background: url(../Images/topbg.gif);
    color: white;
    line-height: 16px;
    background-image: url(../Images/topbg.gif);
}
DIV#framecontentBottom
{
    height: 32px;
    overflow: hidden;
    background: url(../Images/bottom_bg.gif) bottom;
    color: white;
    font-size: 10px;
    text-align: right;
}
DIV#framecontentBottom STRONG
{
    float: left;
}
DIV#maincontent
{
    background-color: #eff8ff;
    position: relative;
    padding-bottom: 1px;
}
DIV#BottomContentMargin
{
    margin: 3px 15px;
    overflow: hidden;
    color: #005298;
    position: absolute;
    bottom: 0px;
}

DIV#TopBottomContentMargin
{
    margin: 3px 15px;
    overflow: hidden;
    color: #ffffff;
}
DIV#companyName
{
    width: 540px;
    margin-right: 15px;
    padding-top: 12px;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    float: left;
}
DIV#userName
{
    width: 170px;
    margin-left: 12px;
    float: right;
    text-align: right;
    line-height: 16px;
}
#userName .nameNdate
{
    font-weight: bold;
    color: #FFFFFF;
}
.nameNdate A:link
{
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
}
.nameNdate A:visited
{
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
}
.nameNdate A:hover
{
    font-weight: bold;
    text-decoration: underline;
    color: #FFFFFF;
}
.nameNdate A:active
{
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
}
.imageButsTop
{
    margin-left: 5px;
    margin-top: 3px;
}
.imageButs
{
    margin-right: 5px;
    margin-top: 3px;
}
DIV#CenterContentMargin
{
    margin: 15px 15px;
}
DIV#conteneurmenu
{
    /*position:relative;top:0px; width: 100%; background:url(../Images/menu_bg.gif) left top repeat-x; height:30px ;*/
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: url(../Images/menu_bg.gif) left top repeat-x;
    height: 30px;
    z-index: 2;
}
#menuItem
{
    background: transparent url(../Images/menu_bg_1.gif) 100% 15% no-repeat;
    height: 26px;
    padding: 3px 15px;
    color: #005298;
    font-size: 11px;
    text-decoration: none;
    display: inline;
    float: left;
    font-weight: bold;
}
#menuItem A:link
{
    color: #005298;
    text-decoration: none;
}
#menuItem A:visited
{
    color: #005298;
    text-decoration: none;
}
#menuItem A:hover
{
    color: #1881db;
    text-decoration: none;
}
#menuItem A:active
{
    color: #1881db;
    text-decoration: none;
}
#pageHeading
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    width: 600px;
}
#TableLightBlue
{
    background-color: #ddeefe;
}
#TableDarkBlue
{
    background-color: #005298;
}
DIV#CountryMasterList
{
    overflow: auto;
    height: 248px;
    width: 493px;
}
DIV#MasterTableOuter
{
    height: auto;
    width: 350px;
    border: #9dc9ee solid 4px;
}
DIV#AgentSUB
{
    height: auto;
    width: 300px;
    border: #9dc9ee solid 4px;
}
DIV#CountryMasterTableOuter
{
    height: auto;
    width: 510px;
    border: #9dc9ee solid 4px;
}
DIV#CountryMasterTableOuter1
{
    height: auto;
    width: 510px;
    border: #9dc9ee solid 4px;
}

DIV#AgentMasterTableOuter
{
    height: auto;
    width: 425px;
    border: #9dc9ee solid 4px;
}
.TopBox /*  labels of a table if needed bold*/
{
    font-size: 12px;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    height: 25px;
    line-height:28px;
}
.dopList
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #000000;
    background: #ffffff;
    height: 24px;
}


/*..........Reservation...............*/


DIV#ReservationTable
{
    height: auto;
    width: 750px;
    border: #9dc9ee solid 4px;
}
DIV#ReservationTableList
{
    overflow: auto;
    height: 248px;
    width: 732px;
}
.ReservationLightBlue
{
    font-size: 11px;
    background: #d6ebfe;
    color: #000000;
    height: 25px;
    padding: 0px 5px;
}
.ReservationListBlue
{
    font-size: 11px;
    background: #bdddf9;
    color: #000000;
    height: 25px;
    padding: 0px 5px;
}
.ReservationListHeading TD
{
    font-weight: bold;
    font-size: 11px;
    background: #1f79c6;
    color: #FFFFFF;
    height: 21px;
    padding: 0px 4px;
}
#ReseveBottomTable
{
    width: 300px;
    height: auto;
    float: left;
}
#ReseveBottomTableSecont
{
    width: auto;
    height: auto;
    float: right;
    clear: left;
}
#ReseveLeftBut
{
    width: 100px;
    height: auto;
    float: right;
}
.ReservationdopDown
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #000000;
    width: 80px;
}
/* ..................*/


DIV#CountryMasterTableOuterSmall
{
    height: auto;
    width: 450px;
    border: #9dc9ee solid 4px;
}
DIV#UserCreationTableOuter
{
    height: auto;
    width: 420px;
    border: #9dc9ee solid 4px;
}

DIV#PackageMasterTableOuter
{
    height: auto;
    width: 700px;
    border: #9dc9ee solid 4px;
}

/*..........Heading...........*/
DIV#HeadingMaster STRONG
{
    background-color: #9dc9ee;
    padding: 5px 8px 5px 5px;
    font-size: 12px;
    height: inherit;
}
.additeminnertale
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #000000;
}

.additeminnertale tr td { padding:0px; line-height:normal }
IMG.searchbutton
{
    margin-left: 5px;
    vertical-align: middle;
}
.MastersTopInnerTable
{
    padding-bottom: 8px;
}
.MastersList TD
{
    border: #FFFFFF 1px solid;
    padding: 0px 5px;
    height: 18px;
}

.ListPadding
{
    padding: 3px;
}
.InnerTablePading
{
    padding: 4px;
}
.ContryMastersInnerTablePading
{
    padding: 8px;
}
.PhotoBorder
{
    border: #9dc9ef solid 2px;
}

.PhotoView, #photos
{
    background-color: #d8d4d4;
    padding: 2px;
    
}

 #photosimg
{
    background-color: #d8d4d4;
    padding: 2px;
    
}


 #photos
{
    background-color: #d8d4d4;
    padding: 2px;
    width:50px;
}
.Content
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #000000;
}
.speciality
{
    border: #9dc9ee 1px solid;
}
.dopDown, .dopDownBold
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 12px;
    color: #000000;
    padding: 2px;
    margin-left: 0px;
    margin-bottom: 10px;
    margin-top:2px;
    width:97%;
}
.dopDownLarge
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #000000;
    width: 170px;
}

/*.........Left Link...............*/

#Butboarder
{
    border: #9dc9ee solid;
    border-width: 4px;
    width: 120px;
    padding: 4px;
    padding-bottom: 0px;
}
#Butboarder A
{
    display: block;
    text-align: center;
    font-size: 11px;
    color: #000000;
    padding: 4px 2px 2px 2px;
    border-collapse: collapse;
    text-decoration: none;
    height: 22px;
    background-color: #e4f3fe;
    margin-bottom: 4px;
}
#Butboarder A:hover
{
    color: #000000;
    background-color: #d3e9fe;
}
/*............InputBut ...............*/
.inputbut
{
    background-image: url(../Images/input_but.gif);
    background-repeat: repeat-x;
    background-position: left top;
    border: #3182c7 1px solid;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
    height: 21px;
    width: auto;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
}

/*............Popup Table ...............*/

DIV#popupMasterTableOuter
{
    height: auto;
    width: 400px;
    border: #9dc9ee solid 4px;
}
DIV#popupMasterList
{
    overflow: auto;
    height: 250px;
    width: 395px;
}

/************************************************MENUOLD................*/

@media print
{
    /*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
    .menu, .ssmenu
    {
        visibility: hidden;
    }
}

.menu
{
    background: transparent url(../Images/menu_bg_1.gif) 100% 15% no-repeat;
    height: 30px;
    padding: 4px 15px;
    color: #000000;
    font-size: 11px;
    text-decoration: none;
    display: inline;
    float: left;
    font-weight: bold; /*background-color:#005298; 	color:white; 	font-size:12px; 	font-weight:bold; 	font-family:"MS Sans Serif", "sans-serif", Verdana, Arial; 	border:1px solid #EB7641; 	padding:1px;*/ /* width et margin sont au cas où le javascript est désactivé. */
    width: 15em;
    margin: 1em;
}
.ssmenu
{
    background: transparent url(../Images/menu_bg_1.gif) 100% 15% no-repeat;
    height: 30px;
    padding: 4px 25px;
    color: #000000;
    font-size: 8px;
    text-decoration: none;
    display: inline;
    float: left;
    font-weight: none; /*background-color:#005298; 	color:white; 	font-size:12px; 	font-weight:bold; 	font-family:"MS Sans Serif", "sans-serif", Verdana, Arial; 	border:1px solid #EB7641; 	padding:1px;*/ /* width et margin sont au cas où le javascript est désactivé. */
    width: 15em;
    margin: 1em;
}
/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu
{
    text-align: center;
}
/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
.ssmenu
{
    /* aller pour faire joli sur IE, un petit effet de dégradé ! 	Pour voir d'autres effets : 	http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm 	Par exemple : 	transparence à 25% = opacité à 75%: 		FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=75); 	"Glow" : 		FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5); 	Ombre en bas à droite, 5 px : 		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#EB7641,strength=5); 	*/
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ddeefe,endColorStr=#ddeefe);
    white-space: no-break;
    border: #9dc9ee solid 1px;
    text-align: left;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
}

.menu span, .ssmenu span
{
    /* Ne pas toucher 	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une 	pause dans l'élocution */
    display: none;
}

.ssmenu ul, .ssmenu li
{
    /* Ne pas trop toucher. 	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited
{
    /* Les liens qui ne sont pas sous le curseur. */
    color: black;
    padding: 4px 1px;
    text-decoration: none; /* Ne pas modifier le block */
    display: block; /*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison 	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */ /*	height:100%; 	margin:0px;*/
    margin: 0px;
    width: 100%;
}
html > body .menu a, html > body .menu a:visited, html > body .menu a:hover, html > body .menu a:active, html > body .ssmenu a, html > body .ssmenu a:visited, html > body .ssmenu a:hover, html > body .ssmenu a:active
{
    width: auto;
}
/*

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
 Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	
	color:#005298;  text-decoration:none;
	background-color:#005298;
	color:black;
	text-decoration:none;
}
*/
.ssmenu A:link
{
    color: #005298;
    text-decoration: none;
}
.ssmenu A:visited
{
    color: #005298;
    text-decoration: none;
}
.ssmenu A:hover
{
    color: #1881db;
    text-decoration: none;
}
.ssmenu A:active
{
    color: #1881db;
    text-decoration: none;
}
.ssmenu A:focus
{
    color: #1881db;
    text-decoration: none;
}

img
{
    /* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure 	car c'est vilain :-p */
    border: none;
}

.ssmenu img
{
    /* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
    margin-right: 2px;
}

.ssmenu img.hr
{
    /* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    display: block;
}

/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure.
- l'effet spécial IE pour les ssmenu si on aime ça...
- police et couleurs des liens "non survolés" et "survolés".
*/


/*Dropdown CSS starts*/
.anylinkcss
{
    position: absolute;
    visibility: hidden;
    line-height: 18px;
    border-bottom-width: 0;
    z-index: 100;
    background-color: #f0f7fd;
    border: solid #89b9e1 1px;
}

.anylinkcss a
{
    width: 100%;
    display: block;
    text-indent: 13px;
    padding: 1px 0;
    text-decoration: none;
    color: #005298;
    background-color: none;
}
.anylinkcss a:link
{
    /*hover background color*/
    color: #005298;
    text-decoration: none;
}
.anylinkcss a:hover
{
    /*hover background color*/
    color: #005298;
    text-decoration: none;
    background-color: #bdddf9;
}
.anylinkcss a:visited
{
    /*hover background color*/
    color: #005298;
    text-decoration: none;
}
.anylinkcss a:active
{
    /*hover background color*/
    color: #005298;
    text-decoration: none;
    background-color: #bdddf9;
}

/*Dropdown CSS Ends*/

.TransLightBlueDet1
{
    height: auto;
    border: #9dc9ee solid 4px;
    background-color: DarkBlue;
    color: White;
}

.TransLightBlue
{
    font-size: 12px;
    background: #9dc9ee;
    color: #000000;
    height: inherit;
    padding: 5px 8px 5px 5px;
}

.TransLightBlueDet
{
    height: auto;
    border: #9dc9ee solid 4px;
    background-color: #ddeefe;
}



.MasterListDarkBlue
{
    font-weight: bold;
    font-size: 13px;
    background: #1f79c6;
    color: #FFFFFF;
    height: 21px;
    padding: 0px 5px;
}

DIV#DefinedDiv
{
    height: auto;
    border: #9dc9ee solid 4px;
}

INPUT.btnbox
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 13px;
    background: #9dc9ee;
    color: #000000;
    border: 0;
}
.butshowwhite
{
    background-image: url(../Images/but_bg.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
    height: auto;
    border: solid #9dc9ee 1px;
    padding: 0px 0px 0px 0px;
    height: 28px;
}

.detailhead
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 13px;
    background: #ffffff;
    color: #800080;
    font-weight: bold;
    text-align: center;
    position: relative;
    top: expression(this.offsetParent.scrollTop);
    height: 13px;
}

.Head1
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 13px;
    background: #ffffff;
    color: #800080;
    font-weight: bold;
    text-align: center;
    position: relative;
    top: expression(this.offsetParent.scrollTop);
    height: 13px;
}

.Head2
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 11px;
    background: #ffffff;
    color: #800080;
    font-weight: bold;
    text-align: center;
    position: relative;
    top: expression(this.offsetParent.scrollTop);
    height: 13px;
}

.NewHead1
{
    font-weight: bold;
    background: #d6ebfe;
    color: #ff6600;
    height: 24px;
    padding: 0px;
}

.NewHead2
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 11px;
    background: #999966;
    color: #FFFFFF;
    font-weight: bold;
}

.NewHead3
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 11px;
    background: #C4B06F;
    color: #FFFFFF;
    font-weight: bold;
}

.NewHead4
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 10px;
    color: #A63E87;
    font-weight: bold;
}

/** sabitha **/
.style1
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: medium;
    color: #FFFFFF;
}
.style2
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #FFFFFF;
    border-width: 100px;
    color: Blue;
}
.dopDownBold
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
}
.btnBlue
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 11px;
    background-color: #1f79c6;
    color: #FFFFFF;
    font-weight: bold;
}



.WebFrame_03
{
    width: 1%;
    height: 30px;
    color: black;
    font-weight: bold;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 1%, #d0cece 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#d0cece));
    background: -webkit-linear-gradient(top, #ffffff 1%,#d0cece 100%);
    background: -o-linear-gradient(top, #ffffff 1%,#d0cece 100%);
    background: -ms-linear-gradient(top, #ffffff 1%,#d0cece 100%);
    background: linear-gradient(top, #ffffff 1%,#d0cece 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0cece',GradientType=0 );
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1);
}
.FrameTop
{
    width: 98%; /* background-image: url(../Images/FrameTop.jpg); */
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: medium;
    text-align: left;
    padding-left: 10px;
    border-bottom: 1px solid gray;
    height: 30px;
    color: black;
    font-weight: bold;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 1%, #d0cece 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#d0cece));
    background: -webkit-linear-gradient(top, #ffffff 1%,#d0cece 100%);
    background: -o-linear-gradient(top, #ffffff 1%,#d0cece 100%);
    background: -ms-linear-gradient(top, #ffffff 1%,#d0cece 100%);
    background: linear-gradient(top, #ffffff 1%,#d0cece 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0cece',GradientType=0 );
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1);
}
.WebFrame_05
{
    width: 2%; /*background-image: url(../Images/WebFrame_05.jpg);*/
    height: 30px;
    color: black;
    font-weight: bold;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 1%, #d0cece 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#d0cece));
    background: -webkit-linear-gradient(top, #ffffff 1%,#d0cece 100%);
    background: -o-linear-gradient(top, #ffffff 1%,#d0cece 100%);
    background: -ms-linear-gradient(top, #ffffff 1%,#d0cece 100%);
    background: linear-gradient(top, #ffffff 1%,#d0cece 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0cece',GradientType=0 );
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1);
}
.FrameLeft
{
    /* background-image: url(../Images/FrameLeft.jpg);*/
    width: 1%;
}
.FrameCenter
{
    width: 98%;
}
.FrameRight
{
    /*background-image: url(../Images/FrameRight.jpg);*/
    width: 1%;
}
.WebFrame_10
{
    height: 11px; /* background-image: url(../Images/WebFrame_10.jpg);*/
    width: 1%;
}
.FrameBottom
{
    height: 11px; /*background-image: url(../Images/FrameBottom.jpg);*/
    width: 98%;
}
.WebFrame_13
{
    height: 11px; /*background-image: url(../Images/WebFrame_13.jpg);*/
    width: 1%;
}

.SubHeader
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #FFFFFF;
    border-width: 100px;
    color: #121213;
    
}

/* added by binoy */
#EmpFileMenuDiv a.menulink
{
    display:block;
    float: left;
    width:18%;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px 10px;
    text-align: left;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #000000;
    border: 1px solid #a9a9a970;
    background-color: #f3f2f2;
    box-shadow: 1px 2px 2px #e2e2e2;
    text-decoration: none;
    height: 30px;
    vertical-align: middle;
    
}

#EmpFileMenuDiv a.menulink span{ float:left; height:30px; width:20px; border-right:1px solid #ccc;    margin: -5px;
    background-color: gray;
    margin-left: -10px;
    padding: 5px;
    margin-right: 6px;}


#EmpFileMenuDiv a.menulink:hover
{
    color: White;
    background-color: #424040;
    box-shadow: 3px 3px 5px #e2e2e2;
}


#EmpFileMenuDiv .MenuIcon 
{
    height:16px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    margin-top:5px;
}
#EmpFileMenuDiv .MenuIcon:hover
{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.TransLightBlueDetPay
{
    height: auto;
    border: #9dc9ee solid 1px;
    background-color: #d6ebfe;
}


.MenuStyle TD
{
    cursor: pointer;
    font-weight: bold;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 12px;
    background-image: url(../Images/HeadImage2.jpg);
    color: #FF6600;
    height: 21px;
    padding: 0px 6px;
}

.forRedColorClass /*  fill red colour */
{
    /* For Mozilla and other CSS-compliant browsers: */ /* background-color: #ffb6c1; /* For IE: */
    background-color: #eee8aa;
    color: Black;
    border: 1px solid #808080;
    font-size: 10pt;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-weight: bold;
}
.forBlueColorClass /*  fill blue color */
{
    /* For Mozilla and other CSS-compliant browsers: */ /* background-color: #ffb6c1; /* For IE: 32cd32*/
    background-color: #B0E0E6;
    color: Black;
    border: 1px solid #808080;
    font-size: 10pt;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-weight: bold;
}
.listFillRowSkyblue
{
    background-color: #e9e7e8; /* white; */
    color: black;
    border: 1px solid #808080;
    font-size: 10pt;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
}

.forLightblue /*  fill light blue */
{
    background-color: #d6ebfe;
    color: Black;
    border: 1px solid #808080;
    font-size: 10pt;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-weight: bold;
}

.CalenderLabel /*  labels of a table if needed bold*/
{
    font-size: 12px;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    height: 25px;
    font-weight: bold;
    background-color: #dda0dd;
    color: #990000;
}

.MasterListGreen
{
    font-size: 13px;
    background: #BAF8CF;
    color: #990000;
    height: 21px;
    padding: 0px 5px;
}

.TopLabel /*  labels of a table if needed bold*/
{
    font-size: 11px;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
}
.TopLabelList /*  text box blue colour*/
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 12px;
    border: 0;
    display:inline-block;
    color: black;
    font-weight: 700;
}

.TopLabelNew /*labels of a table if needed bold*/
{
    font-size: 12px;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    height: 20px;
    text-decoration: underline;
    font-weight: bold;
}
.Topred /*  labels of a table if needed bold*/
{
    font-size: 13px;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    height: 22px;
    line-height: 22px;
    font-weight: bold;
    color: #080808;
    background-color: #d6d6d6;
    padding: 2px 15px;
}

.TopLabelPay /*  labels of a table if needed bold*/
{
    font-size: 15px;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    height: 22px;
    font-weight: bold;
    color: #0C2B7D;
}
.toptablePay
{
    background-color: #b0d7f8;
}

.TopBoxPay /*  labels of a table if needed bold*/
{
    font-size: 12px;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    height: 18px;
    color: #0C2B7D;
}

.ItemLabel /*  labels of a table if needed bold*/
{
    font-size: 12px;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    height: 22px;
    font-weight: bold;
}

INPUT.textboxborder
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 12px;
    color: #0000ff;
    border: 0;
    background-color: #d6ebfe;
}

INPUT.redboxborder
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #d34124;
    border: 0;
    background-color: #d6ebfe;
}
.grdList
{
    border: #ffffff solid 1px;
    padding-top:10px;
}
.grdListDwn
{
    border: #CCCCCC solid 1px;
}
.newTopBox /*  labels of a table if needed color*/
{
    font-size: 11px;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    color: #0018F8;
}
.styleMenu1
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 9pt;
    color: #FFFFFF;
}
.styleMenu2
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    color: #FFFFFF;
    font-size: 10pt;
}
.LabRowBold
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 12pt;
    font-weight: bold;
}
.LabRowSero
{
    font-family: Arial;
    font-size: 12pt;
}

.LabRow
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    height: 25px;
    font-size: 12pt;
    font-weight: bold;
}
.LabLabel /*labels of a table if needed bold*/
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 12pt;
    font-weight: normal;
}
.CytoLabel /*labels of a table if needed bold*/
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 10pt;
    font-weight: normal;
}
.InsuranceCellDynamic
{
    font-weight: bold;
    font-size: 11px;
    background: #c0c0c0;
    color: #000000;
    height: 21px;
    padding: 0px;
}
.LabTest /*labels of a table if needed bold*/
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 12pt;
    font-weight: normal;
    overflow: auto;
    width: 650px;
}
.msg_list
{
    margin: 0px;
    padding: 0px;
    width: 383px;
}
.msg_head
{
    padding: 5px 5px;
    cursor: pointer;
    position: relative;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    margin: 1px;
    color: black;
    background: #ffffff;
    background: -moz-linear-gradient(top, rgb(208, 206, 206) 18%, rgb(255, 255, 255) 91%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, rgb(208, 206, 206)), color-stop(91%,rgb(255, 255, 255)));
    background: -webkit-linear-gradient(top, rgb(208, 206, 206) 18%, rgb(255, 255, 255) 91%);
    background: -o-linear-gradient(top, rgb(208, 206, 206) 18%,rgb(255, 255, 255) 91%);
    background: -ms-linear-gradient(top,rgb(208, 206, 206) 18%,rgb(255, 255, 255) 91%);
    background: linear-gradient(top, rgb(208, 206, 206) 18%,rgb(255, 255, 255) 91%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=rgb(208, 206, 206), endColorstr=rgb(255, 255, 255),GradientType=0 );
    box-shadow: 0px 0px 0px 1px rgb(208, 206, 206), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgb(255, 255, 255);
}
.msg_body
{
    background-color: #FFFFFF;
}

.MasterListFixedHeader, .MasterListHeading
{
    position: relative;
    top: expression(this.offsetParent.scrollTop);
    font-size: 12px;
    background: gray !important;
    color: #FFFFFF;
    height: 24px;
    padding: 2px 5px;
}

.MasterListFixedHeader td
{
    border-bottom: 1px solid gray !important;
}

table#grdList td
{
    border-bottom: 1px solid #ccc !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    font-size: 12px;
}

table#grdList tr:hover
{
    background-color: #d2d0d0 !important;
}

.MastersList TD
{
    border: #FFFFFF 1px solid;
    padding: 0px 5px;
    height: 18px;
}
.MLHeading TD
{
    font-weight: bold;
    font-size: 12px;
    background: #1f79c6;
    color: #FFFFFF;
    height: 21px;
    padding: 0px 5px;
}

/*.MasterListHeading TD
{
    font-weight: bold;
    font-size: 13px;
    background: #1f79c6;
    color: #FFFFFF;
    height: 21px;
    padding: 0px 5px;
} */

.MasterListFixedHeader
{
    position: relative;
    top: expression(this.offsetParent.scrollTop);
    font-weight: bold;
    font-size: 13px;
    background: #1f79c6;
    color: #FFFFFF;
    height: 24px;
    padding: 0px 5px;
}


.MasterListHeading A:link
{
    color: #FFFFFF;
    text-decoration: none;
}
.MasterListHeading A:hover
{
    color: #FFFFFF;
    text-decoration: none;
}
.MasterListHeading A:visited
{
    color: #FFFFFF;
    text-decoration: none;
}
.MasterListHeading A:active
{
    color: #FFFFFF;
    text-decoration: none;
}
.MasterListFixedHeader A:link
{
    color: #FFFFFF;
    text-decoration: none;
}
.MasterListFixedHeader A:hover
{
    color: #FFFFFF;
    text-decoration: none;
}
.MasterListFixedHeader A:visited
{
    color: #FFFFFF;
    text-decoration: none;
}
.MasterListFixedHeader A:active
{
    color: #FFFFFF;
    text-decoration: none;
}
.MasterListBlue
{
    font-size: 12px;
    background: none;
    border-bottom: 1px solid gray;
    color: #000000;
    height: 18px;
    line-height:20px;
    padding: 0px 5px;
    border: none;
}

.MasterListBlueNew
{
    font-size: 12px;
    background: none;
    border-bottom: 1px solid gray;
    color: #000000;
    height: 12px;
    line-height:15px;
    padding: 0px 0px;
    border: none;
}

.MasterListLightBlue
{
    font-size: 11px;
    background: none;
    border-bottom: 1px solid gray;
    color: #000000;
    height: 18px;
    padding: 0px 5px;
    border: none;
}


.outergrdList
{
    border: #286AB4 solid 2px;
}
.dropdownFix
{
    behavior: expression(this.style.visibility = this.offsetParent.offsetParent.offsetParent.scrollTop > (this.offsetParent.offsetTop - this.parentElement.parentElement.parentElement.firstChild.offsetHeight) ? 'hidden' : 'visible');
}
.LabelBlue
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #1f79c6;
    font-weight: bold;
}
.topdiv
{
    border: #343535  solid 2px;
    background: #fff;
}
.TopLabelListNew
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    vertical-align: middle;
    font-size: 12px;
    color: #141415;
    background-color: #ffffff;
    border: 0;
    font-weight: bold;
}
.grdtop
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 12px;
    color: #1f79c6;
    font-weight: bold;
    background-color: #ffffff;
}

.btnGrey /* Button Grey Colour */
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 11px;
    background: #ccc;
    color: #0a0a0a;
    font-weight: bold;
}

.btnGrey:hover 
{
    background-color:#d6ebfe;
}

.blncelve
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 11px;
    background: #FFCC99;
    color: #000000;
}


/* Dynamic Report New*/
.DeptHead
{
    font-size: 12px;
    font-weight: bold;
    color: #000000; /*background-color:#FFFFFF;*/
    background-color: #B1CFFC;
    height: 22px;
    font-family: Verdana, Arial, Helvetica;
}
.DeptSubTotal
{
    background-color: #C0C0C0;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
}
.DeptSubTotal2
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-weight: bold;
    background-color: #CC99FF;
    height: 22px;
    font-size: 11px;
}
.DeptDate
{
    font-size: 11px;
    color: #FF6600;
    font-weight: bold;
    height: 24px;
}

.DeptTotal
{
    background: #FFCC99;
    color: #000000;
    font-weight: bold;
    height: 24px;
    font-size: 12px;
}
.HeaderCellDynamic
{
    font-weight: bold;
    background: #c0c0c0;
    color: #000000;
    height: 24px;
    padding: 0px;
}
.style2
{
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
}

.style23
{
    font-size: 11px;
}

.style24
{
    font-size: 12px;
}
.Department
{
    font-weight: bold;
    font-size: 14px;
    background-color: #B1CFFC;
    vertical-align: middle;
    color: #000000;
    height: 22px;
    padding: 0px;
}
.dropdownFix
{
    behavior: expression(this.style.visibility = this.offsetParent.offsetParent.offsetParent.scrollTop > (this.offsetParent.offsetTop - this.parentElement.parentElement.parentElement.firstChild.offsetHeight) ? 'hidden' : 'visible');
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #000000;
}


.SubgridHead TD
{
    font-weight:normal;
    font-size: 12px;
    color: #FFFFFF;
    padding: 0px 5px;
background-color: #3f403f;
}

.ApraisalSub
{
    background: #C5C5C5;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #000;
}

.SubHeading
{
    background: #C5C5C5;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #000;
}


/*---- Additional CSS for New Face of HRM ---*/

@font-face
{
    font-family: Roboto;
    src: url(fonts/Roboto-Regular.ttf);
}


::-webkit-scrollbar-thumb:vertical
{
    background-color: #999999;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal
{

    background-color: #999999;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

::-webkit-scrollbar
{
    width: 7px;
    height: 7px;
    background-color: #ffffff;
}




#Table_01, #tblLicenseMain, #tblDesigVaccancy, #tblBankMaster, #tblBankMaster, #tblBankView,#Table3,
#tblDepartmentMaster, #tblDepartmentView, #tblDesignationView, #NonListNodeTable, #Table2, #Table1,#tblPaySlip, #tblNormal
{
    border: 1px solid #979895;
    -webkit-border: 1px solid #979895;
    margin-top: 25px;
    border-radius: 0px 0px 25px 25px;
    box-shadow: 2px 3px 5px #c3c2c2;
    -webkit-border-radius: 0px 0px 25px 25px;
    -webkit-box-shadow: 2px 3px 5px #c3c2c2;
}

#Save, #View, #cancel, #Close, #Delete, .imageButs, #Cancel, #Search, #btnClose, #btnCancel, 
#btnView, #btnSave, #btnDelete, #imgView, #imgCancel, #btnClear, #btnSearch, #imgDel, #imgSearch, #imgbtnprint,
#imgbtnSearch, #imgbtnClose,  #btn_sendmail,#Imgpreview, #PreVClo,#Search, #Close, #btnsubmit, #imgBtnCancel, 
#imgbtnExcel, #imgbtnSave, #imgBtnSearch, #imgBtnClose, #imgBtnXls, #btnload,#btnContinue, #imgPrint, #ibtnView,
#ibtnCancel,#ibtnClose, #imgbtnSave,#imgbtnView,#imgbtnClose,#imgbtnClear,#btnCalc, #img_btnsave,#img_btnview,#img_btncancel,
#img_btndelete, #btnclose, #ImageButton3, #btn_search,#ImageButton1,#btnSave2,#btnSearch2,#btnClear2,#btnClear3, #btnClose2, #btnClose3,#SvBtn,#xsl,#btnsearch,#btnprint,btnPreview,#ImageButton2,#imgBtnProcess,
/*#imgbtnAdd,#btnexcel,#btnword,#ingbtnCancel,#btnCanvelView,*/
#imgbtnAdd,#btnexcel,#btnword,#ingbtnCancel,#btnCanvelView,#btnSaveOnly,#imgBtnView,#BtnCalculate,#Excel,#img_back,#imgbtnSend,#imgBtnClose,
#Img1,#imgBtnWord,#Clear,#Print,#imgadd1,#btnSave3,#img_btn_save_appr,#btn_close_appr,#btnClose1,#imgBtn_otsearch,#imgBtn_rejsearch,
#imgBtn_cmpSearch,#imgBtn_ensearch,#img_btnCancelSearch,#img_print,#send,#btnRetrieve,#imgbtnSave,
#Process,#imagebutton1,#close,#imgBtnWord,#imgBtnXlsOne,#imgBtnWordOne,#imgBtnCancelOne,#Imagebutton1, #RoomLink,#btnupdate,#btnNext,#btnNew,#btnBack,#btnFind
#pdf,#imgprint,#Save,#imgcloseexcel,#imgBtnSendEmail,#btn_popview,#btnYes,#btnNo
{
    height: 28px !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -webkit-border: 1px solid gray !important;
    border: 1px solid gray !important;
    opacity: 0.7;
    -webkit-opacity: 0.7;
        height: 28px;
    margin-bottom: 5px;
}

#Save:hover, #View:hover, #cancel:hover, #Close:hover, #Delete:hover, .imageButs:hover, 
#Cancel:hover, #Search:hover, #btnClose:hover, #btnCancel:hover, #btnView:hover, #btnSave:hover, 
#btnDelete:hover, #imgView:hover, #imgCancel:hover, #btnClear:hover, #btnSearch:hover, #imgDel:hover,
#imgSearch:hover, #imgbtnprint:hover, #imgbtnSearch:hover, #imgbtnClose:hover,  #btn_sendmail:hover,
#Imgpreview:hover, #PreVClo:hover,#Search:hover, #Close:hover, #btnsubmit:hover, #imgBtnCancel:hover, 
#imgbtnExcel:hover, #imgbtnSave:hover, #imgBtnSearch:hover, #imgBtnClose:hover, #imgBtnXls:hover, #btnload:hover,
#btnContinue:hover, #imgPrint:hover, #ibtnView:hover, #ibtnCancel:hover, #ibtnClose:hover,
#imgbtnSave:hover, #imgbtnView:hover,#imgbtnClose:hover,#imgbtnClear:hover, #btnCalc:hover, #img_btnsave:hover,
#img_btnview:hover, #img_btncancel:hover, #img_btndelete:hover,#btnSave3:hover,#btnClose1:hover, #btnclose:hover,#btnSave2:hover,#btnSearch2:hover,#btnClose2:hover,#btnClose3:hover,#btnClear2:hover,#btnClear3:hover,#SvBtn:hover, #ImageButton3:hover,
#btn_search:hover,#ImageButton1:hover,#xsl:hover,#btnsearch:hover,#btnprint:hover,btnPreview:hover,#ImageButton2:hover,
#imgBtnProcess:hover,#imgbtnAdd:hover,#btnexcel:hover,#btnword:hover,#ingbtnCancel:hover,#btnCanvelView:hover,#imgBtnWord:hover,#Clear:hover,#Print:hover,#imgadd1:hover,
#img_btn_save_appr:hover,#btn_close_appr:hover,#imgBtn_otsearch:hover,#imgBtn_rejsearch:hover,#imgBtn_cmpSearch:hover,#imgBtn_ensearch:hover,#img_btnCancelSearch:hover,
#btnSaveOnly:hover,#imgBtnView:hover,#Excel:hover,#img_back:hover,#imgbtnSend:hover,#imgBtnClose:hover,#BtnCalculate:hover,#Img1:hover,
#img_print:hover,#send:hover,#btnRetrieve:hover,#imgbtnSave:hover,
#Process:hover,#imagebutton1:hover,#close:hover,#imgBtnWord:hover,#imgBtnXlsOne:hover,#imgBtnWordOne:hover,#imgBtnCancelOne:hover,#btnupdate:hover,#btnNext:hover,#btnNew:hover,#btnBack:hover,
#RoomLink:hover,#btnFind:hover,#pdf:hover,imgprint:hover,#Save:hover,#imgcloseexcel:Hover,#imgBtnSendEmail:Hover,#btn_popview:Hover,#btnYes:Hover,#btnNo:Hover{
    border: 1px solid gray !important;
    opacity: 1.0;
    -webkit-opacity: 1.0;
}



#UserInfoDiv
{
    height: auto;
    width: 24%;
    background-color: #fffffff2;
    z-index: 100;
    position: absolute;
    right: 1%;
    padding: 10px;
    box-shadow: 2px 2px 2px #ccc;
    border: 1px solid #8080806b;
    border-bottom: 2px solid #9a959594;
    top: 0px;
}

#UserInfoDiv h4 {
    line-height: 30px !important;
    background-color: #4c494a;
    color: white;
    padding: 0px 10px;
    margin: -10px;
    margin-bottom: 0px;
    font-size: 14px;
}

#UserInfoDiv span {
    background-color: #ccccccd6;
    display: inherit;
    margin: -10px;
    margin-top: 0px;
    padding: 0px 10px;
    font-size: 14px;
}


#UserInfoDiv ul {
    padding: 0;
    margin-top: 15px;
    list-style-type: none;
    font-size: 12px;
    color: #2d2929;
    width: 100%;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
}

#UserInfoDiv li {
    line-height: 20px;
    cursor: pointer;
    margin-top: 5px;
    padding: 2px 10px;
    border-bottom: 1px solid #ccc;
}

#UserInfoDiv li:hover 
{
    color: White;
    background-color: #424040;
}

#UserInfoDiv li a:hover {
    color: White;
    background-color: #424040;
}

#UserInfoDiv a:link, #UserInfoDiv a:visited {
    color: black;
    text-decoration: none;
    display: block;
    padding: 0px;
    font-weight: normal;
}



.DynField 
{
    color: white;
    background-color: #079ae0;
    padding: 2px 5px;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    font-family:Courier New, Arial, Tahoma;
    cursor:pointer;
}
.Rating
{   color: white;
    background-color: #a50a10;
    padding: 2px 5px;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    margin-right: 10px;
}
}
.QueryData
{
    max-height:50px; overflow:hidden; vertical-align:top;margin-bottom:5px; padding:5px;
}
.MasterListFixedHeader tr td:first-child
{
    background: gray !important;
}

.ListNodeTable td a
{
    color: black;
    font-weight: bold;
    text-decoration: solid;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 1%, #d0cece 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#d0cece));
    background: -webkit-linear-gradient(top, #ffffff 1%,#d0cece 100%);
    background: -o-linear-gradient(top, #ffffff 1%,#d0cece 100%);
    background: -ms-linear-gradient(top, #ffffff 1%,#d0cece 100%);
    background: linear-gradient(top, #ffffff 1%,#d0cece 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0cece',GradientType=0 );
    display: inline-block;
    width: 100%;
    height: 18px;
    /*/*text-align:initial;
    vertical-align:initial;*/
    cursor: pointer;
}

.ListNodeTable td a:hover
{
    color: white;
    
    background: -moz-linear-gradient(top,#60acef 15%,  rgb(10, 120, 199) 65%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#60acef), color-stop(65%, rgb(10, 120, 199)));
    background: -webkit-linear-gradient(top,#60acef 15%, rgb(10, 120, 199) 65%);
    background: -o-linear-gradient(top, #60acef 15%, rgb(10, 120, 199) 65%);
    background: -ms-linear-gradient(top,#60acef 15%, rgb(10, 120, 199) 65%);
    background: linear-gradient(top, #60acef 15%, rgb(10, 120, 199) 65%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60acef', endColorstr=rgb(10, 120, 199),GradientType=0 ); 
}

label, #Label1
{
    vertical-align:bottom;
    
    
}

.grdDetails tr td, .ListNodeTable tr td
{
    border: none;
    border-bottom: 1px solid #d8d8d8;
}

#tick, #chkSetVal, #Tick
{
    height: 20px;
    padding: 2px;
    cursor: pointer;
}

.DatePicker
{
    height: 24px;
    vertical-align: top;
    border: 0;
    margin-top: -1px;
    opacity: 0.5;
    display: inline;
}
.DatePicker:hover
{
    opacity: 1.0;
}

.ADatePicker
{
   width:25px !important;height: 23px !important;vertical-align: top !important;
   }

.Mandatory
{
    border: 1px solid #b1abab;
    border-left: 1.5px solid red;
}

table#Languages tr td {
    border: none;
    border-bottom: 1px solid gray;
    width: 50%;
}

.EditButton 
{
    height:20px;
}

.QuickButton { width: 20px;
    height: 20px;
    padding: 3px;
    float: left;
    margin-right: 3px;
    border: 1px solid #c1b1b1;
    cursor: pointer;
    background-color:White;
    }
    
.QuickButton:hover {background-color:#f7f3dcd1; ;}

#QuickButtonDiv {   right: 58px;
    height: 20px;
    width: 29%;
    min-width:321px;
    position: fixed;
    top: 0px;
    background: #f6f7f5;
    padding: 5px;
    border: 1px solid gray;
    box-shadow: 4px 3px 6px #a09e9e; 
    padding-top : 3px;
    padding-bottom: 13px;
    z-index:100;
    }
 .W25 { width:25px !important;}
 .W40 { width:40px !important }
 .W50 { width:50px !important }
 .W75 { width:75px !important;}
 .W78 { width:78px !important;}
 .W90 { width:90px !important;}
 .W100 { width:100px !important;}
 
 .WP100 {width:100% !important;}
 .WP97 {width:97% !important;}
 
 div#GuestDetl tr td {
    border: none;
    border-bottom: 1px solid #d8d8d8;
}

#div_interview1 
{    left: 10%;
    width: 80%;
    box-shadow: rgb(71, 73, 74) 3px 6px 15px;
    position: absolute;
    background-color: rgb(255, 255, 255);
    display: block;
    border: 1px solid gray;
    min-height: 500px;
    top: 6%;
}

#img_close1 
{
    border-width: 0px;
    border-width: 0px;
    position: absolute;
    right: -1px;
    top: -2px;
    background-color: red;
    padding: 5px;
    cursor: pointer;
}

.NoTBLBorder tr td{border:none !important;}

.btn:hover{ background-color:Gray;}

.btn {
    font-weight: bold;
    font-size: 12px;
    color:white;
    background-color: yellowgreen;
    border-radius: 4px;
    padding: 5px 15px;
    border: none;
    line-height: 20px;
    cursor:pointer;
}        

#divPageLoad {
    position: fixed;
    width: 150px;
    height: 150px;
    background-image: url(../img/PageLoader.gif);
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    margin-top: -75px;
}

.DataStrip
{
    display: none ;
    float: right !important;
    background-color: #f95609 !important;
    width: 32px !important;
    margin-left: 20px  !important;
    text-align: center  !important;
    color: white !important;
}

.Visible{ display:block;}

#lblappno 
{
    padding: 5px;
    border: 1px solid gray;
    font-size: 14px;
    font-weight: bold;
    float: right;
    background-color: #e6e6e6;
}

.DPLink
{
    width: 30px !important;
    height: 25px  !important;
}

    
#MessageDiv { font-size:14px;color:Black;top:10px;position: fixed;width:auto; height:auto; padding:5px; font-weight:bold;
    background-color:#f9edbe; border-color: #f0c36d; box-shadow: 1px 3px 4px grey;-webkit-animation: ani 10s forwards; z-index:5000; left:35%;right:35%}
    
@-webkit-keyframes ani {
    89%  {opacity:1;}
    90%  {opacity:0; }
    100%  {opacity:0;}
}    

.BTitle
{
    font-weight: bold;
    height: 14px;
    background-color: rgb(60, 64, 66);
    color: white;
    padding: 5px !important;
}

 .btn
        {
            color: black;
            font-weight: bold;
            background: #ffffff;
            background: -moz-linear-gradient(top, #ffffff 1%, #d0cece 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#d0cece));
            background: -webkit-linear-gradient(top, #ffffff 1%,#d0cece 100%);
            background: -o-linear-gradient(top, #ffffff 1%,#d0cece 100%);
            background: -ms-linear-gradient(top, #ffffff 1%,#d0cece 100%);
            background: linear-gradient(top, #ffffff 1%,#d0cece 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0cece',GradientType=0 );
            box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1);
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            font-family: Arial;
            font-size: 12px;
            padding: 6px 16px 6px 19px;
            text-decoration: none;
            opacity:0.7;
            border:1px solid gray;
        }
        
        .btn:hover
        {
            opacity:1.0;
        }
        
 .LeftGrdLink
 {
    text-align: left !important;
    padding-left: 5px  !important;
    width: 97%  !important;
 }

 /**************** added by reshma on 27/06/2018  ********************/

#divDictionary
{
	position: absolute; 
	z-index: 1000; 	
	overflow: auto; 
	background-color: white;
	color: black; 
	left: 115px; 
	display: block;
	min-width:100px;
	max-width:330px;
	max-height:150px;
	display:none;
}
	
#divDictionary ul
{
	list-style-type:none;
	padding-left:8px;
	padding-right:8px;
	margin:0px;
	}
	
#divDictionary ul li
{
	/*white-space: nowrap;*/
	border-bottom: 1px solid #E7E7E7;
	}
	
#divDictionary ul li a
{
	text-decoration:none;
	color:Black;
	outline:none;
	display: block;
	width:100%;
	
	}
	
	#divDictionary ul li a:focus,#divDictionary ul li a:hover
	{
		background-color:rgb(215, 238, 167);
		
	}
   
	.LGShadow{
	-webkit-box-shadow:5px 5px 10px -4px #CCCCCC;
	-moz-box-shadow: 5px 5px 10px -4px #CCCCCC;
	box-shadow: 5px 5px 10px -4px #CCCCCC;
	}

.LGBorder {
	border:1px solid #DDD9D9;
	background-color:#FFF;
	color: #CCC;
}

#TitleMessage 
{
    font-size: 30px;
    font-weight: normal;
    color: #818384;
    padding: 20px;
}